<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>继承和叠加</title>
	<style type="text/css">

		body{
			color: red;
		}
		p{
			color: blue;
		}
		.title{
			color: green;
		}
		p.title{
			color: yellow;
		}
		#title{
			color: #A349A4;
		}

		span.box{
			color: red;
		}
		.box{
			color: blue !important;
		}
		/*.box1{
			color: green;
		}*/

	</style>
</head>
<body>
	<p class="title" style="color:#880015" id="title">学并思</p>

	<span class="box box1">学并思</span>
</body>
</html>